<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<link href="scripts/mall/themes/css/base.css" rel="stylesheet" />
<link id="callCss" rel="stylesheet"
	href="scripts/mall/themes/bootshop/bootstrap.min.css" />
<link href="scripts/mall/themes/css/bootstrap-responsive.min.css"
	rel="stylesheet" />
<link href="scripts/mall/themes/css/font-awesome.css" type="text/css">
</head>
<body>

	<!-- Header End====================================================================== -->
	<div id="mainBody">
		<div class="container">
			<div class="row">

				<!-- Sidebar end=============================================== -->
				<div class="span9">
					<ul class="breadcrumb">
						<li><a href="index.html">Home</a> <span class="divider">/</span></li>
						<li class="active">SHOPPING CART</li>
					</ul>
					<h3>
						SHOPPING CART [ <small>3 Item(s) </small>]<a href="products.html"
							class="btn btn-large pull-right"><i class="icon-arrow-left"></i>
							Continue Shopping </a>
					</h3>
					<hr class="soft" />
					<table class="table table-bordered">
						<tr>
							<th>I AM ALREADY REGISTERED</th>
						</tr>
						<tr>
							<td>
								<form class="form-horizontal">
									<div class="control-group">
										<label class="control-label" for="inputUsername">Username</label>
										<div class="controls">
											<input type="text" id="inputUsername" placeholder="Username">
										</div>
									</div>
									<div class="control-group">
										<label class="control-label" for="inputPassword1">Password</label>
										<div class="controls">
											<input type="password" id="inputPassword1"
												placeholder="Password">
										</div>
									</div>
									<div class="control-group">
										<div class="controls">
											<button type="submit" class="btn">Sign in</button>
											OR <a href="register.html" class="btn">Register Now!</a>
										</div>
									</div>
									<div class="control-group">
										<div class="controls">
											<a href="forgetpass.html" style="text-decoration: underline">Forgot
												password ?</a>
										</div>
									</div>
								</form>
							</td>
						</tr>
					</table>

					<table class="table table-bordered">
						<thead>
							<tr>
								<th>Product</th>
								<th>Description</th>
								<th>Quantity/Update</th>
								<th>Price</th>
								<th>Discount</th>
								<th>Tax</th>
								<th>Total</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td><img width="60" src="scripts/mall/themes/images/products/4.jpg"
									alt="" /></td>
								<td>MASSA AST<br />Color : black, Material : metal
								</td>
								<td>
									<div class="input-append">
										<input class="span1" style="max-width: 34px" placeholder="1"
											id="appendedInputButtons" size="16" type="text">
										<button class="btn" type="button">
											<i class="icon-minus"></i>
										</button>
										<button class="btn" type="button">
											<i class="icon-plus"></i>
										</button>
										<button class="btn btn-danger" type="button">
											<i class="icon-remove icon-white"></i>
										</button>
									</div>
								</td>
								<td>$120.00</td>
								<td>$25.00</td>
								<td>$15.00</td>
								<td>$110.00</td>
							</tr>
							<tr>
								<td><img width="60" src="themes/images/products/8.jpg"
									alt="" /></td>
								<td>MASSA AST<br />Color : black, Material : metal
								</td>
								<td>
									<div class="input-append">
										<input class="span1" style="max-width: 34px" placeholder="1"
											size="16" type="text">
										<button class="btn" type="button">
											<i class="icon-minus"></i>
										</button>
										<button class="btn" type="button">
											<i class="icon-plus"></i>
										</button>
										<button class="btn btn-danger" type="button">
											<i class="icon-remove icon-white"></i>
										</button>
									</div>
								</td>
								<td>$7.00</td>
								<td>--</td>
								<td>$1.00</td>
								<td>$8.00</td>
							</tr>
							<tr>
								<td><img width="60" src="themes/images/products/3.jpg"
									alt="" /></td>
								<td>MASSA AST<br />Color : black, Material : metal
								</td>
								<td>
									<div class="input-append">
										<input class="span1" style="max-width: 34px" placeholder="1"
											size="16" type="text">
										<button class="btn" type="button">
											<i class="icon-minus"></i>
										</button>
										<button class="btn" type="button">
											<i class="icon-plus"></i>
										</button>
										<button class="btn btn-danger" type="button">
											<i class="icon-remove icon-white"></i>
										</button>
									</div>
								</td>
								<td>$120.00</td>
								<td>$25.00</td>
								<td>$15.00</td>
								<td>$110.00</td>
							</tr>

							<tr>
								<td colspan="6" style="text-align: right">Total Price:</td>
								<td>$228.00</td>
							</tr>
							<tr>
								<td colspan="6" style="text-align: right">Total Discount:</td>
								<td>$50.00</td>
							</tr>
							<tr>
								<td colspan="6" style="text-align: right">Total Tax:</td>
								<td>$31.00</td>
							</tr>
							<tr>
								<td colspan="6" style="text-align: right"><strong>TOTAL
										($228 - $50 + $31) =</strong></td>
								<td class="label label-important" style="display: block"><strong>
										$155.00 </strong></td>
							</tr>
						</tbody>
					</table>


					<table class="table table-bordered">
						<tbody>
							<tr>
								<td>
									<form class="form-horizontal">
										<div class="control-group">
											<label class="control-label"><strong>
													VOUCHERS CODE: </strong> </label>
											<div class="controls">
												<input type="text" class="input-medium" placeholder="CODE">
												<button type="submit" class="btn">ADD</button>
											</div>
										</div>
									</form>
								</td>
							</tr>

						</tbody>
					</table>

					<table class="table table-bordered">
						<tr>
							<th>ESTIMATE YOUR SHIPPING</th>
						</tr>
						<tr>
							<td>
								<form class="form-horizontal">
									<div class="control-group">
										<label class="control-label" for="inputCountry">Country
										</label>
										<div class="controls">
											<input type="text" id="inputCountry" placeholder="Country">
										</div>
									</div>
									<div class="control-group">
										<label class="control-label" for="inputPost">Post
											Code/ Zipcode </label>
										<div class="controls">
											<input type="text" id="inputPost" placeholder="Postcode">
										</div>
									</div>
									<div class="control-group">
										<div class="controls">
											<button type="submit" class="btn">ESTIMATE</button>
										</div>
									</div>
								</form>
							</td>
						</tr>
					</table>

				</div>
			</div>
		</div>
	</div>

	<script src="scripts/mall/themes/js/jquery.js" type="text/javascript"></script>
	<script src="scripts/mall/themes/js/bootstrap.min.js"
		type="text/javascript"></script>
</body>
</html>